<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>店铺详情-小郎酒·醉美湖南美食地图</title>
    <link rel="stylesheet" type="text/css" href="{:sysconf('cdn_url')}/map/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" type="text/css" href="{:sysconf('cdn_url')}/map/css/fsgallery.css">
    <link rel="stylesheet" type="text/css" href="{:sysconf('cdn_url')}/map/css/common.css" />
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="http://api.map.baidu.com/api?v=2.0&ak=o10st5s1aeMIRvyOlkYmdXlX"></script>
    <script type="text/javascript" src="{:sysconf('cdn_url')}/map/js/lazyload.js"></script>
    <script type="text/javascript" src="{:sysconf('cdn_url')}/map/js/swiper-3.4.2.jquery.min.js"></script>
    <script type="text/javascript" src="{:sysconf('cdn_url')}/map/js/fs_forse.js"></script>
</head>
<body class="BodyBg">
<div class="TopBanner">
    <img class="WaImg" src="{:sysconf('cdn_url')}/map/images/banner.png" title="小郎酒·醉美湖南美食地图">
</div>
<div class="LContainer">
    <!--店铺城市划分-->
    <div class="Region">
        <div class="OnesTit">
            <img class="lazy" src="{:sysconf('cdn_url')}/map/picture/onestit_1.png" />
        </div>
        <div class="Qnav_Region">
            <ul>

                {foreach $city as $one}
                <li class="">
                    <a href="/">{$one.name}</a>
                </li>
                {/foreach}

                <li class="Region_Actived">
                    <a href="/">全部</a>
                </li>
            </ul>
        </div>  
        <!--店铺详情-->
        <div class="Xdtail" style="display:block;">
        	<div class="OnesTit">
				<img src="{:sysconf('cdn_url')}/map/picture/onestit_3.png" />
			</div>
			<div class="DetaileMain">
				<div class="DetaileTit">
					<p class="DetaileTit_Txt">
                        <img src="{:sysconf('cdn_url')}/map/picture/detailetitinco.png"/>
                        <span id="DetaileShopName">店铺名称</span>
                        <img src="{:sysconf('cdn_url')}/map/picture/detailetitinco.png"/>
                    </p>
				</div>
				<div class="DetaileIntro">
					<div class="DetaileTitOnes">
						<img class="WaImg" src="{:sysconf('cdn_url')}/map/picture/detailetit1.png" />
					</div>
					<div class="DetaileTxt">
						<p class="DetaileTxtInfor">店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍店铺介绍</p>
					</div>
				</div>
				<div class="DetaileIntro">
					<div class="DetaileTitOnes">
						<img class="WaImg" src="{:sysconf('cdn_url')}/map/picture/detailetit2.png" />
					</div>
                    <!-- Swiper -->
                    <div class="swiper-container">
                        <div class="swiper-wrapper" id="gallery">
                            <div class="swiper-slide"><img class="WaImg" src="http://jtyhvideo.zoudingyong.com/static/upload/67881f8ddb4a4d05_808aea3aa24c70ce.jpg"></div>
                            <div class="swiper-slide"><img class="WaImg" src="http://jtyhvideo.zoudingyong.com/static/upload/3b8784230411e48c_d6532c518d287f1f.jpg"></div>
                            <div class="swiper-slide"><img class="WaImg" src="http://jtyhvideo.zoudingyong.com/static/upload/ec1422479458e033_9f68207dbfb5f10b.jpg"></div>

                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                    <!-- Initialize Swiper -->
                    <script>
                    var swiper = new Swiper('.swiper-container', {
                        pagination: '.swiper-pagination',
                        slidesPerView: 'auto',
                        // centeredSlides: true,
                        paginationClickable: true,
                        spaceBetween: 10
                    });
                    </script>					
				</div>
				<div class="DetaileIntro">
					<div class="DetaileTitOnes">
						<img class="WaImg" src="{:sysconf('cdn_url')}/map/picture/detailetit3.png" />
					</div>
					<div class="DetaileTxt" id="DtailAdrr">
                        长沙市五一广场
                    </div>
					<!-- <div class="DetaileTxt">
						微信:<span id="Dtailwechat">无</span>
					</div> -->
				</div>
				<div class="DetaileIntro">
					<div class="DetaileTitOnes">
						<img class="WaImg" src="{:sysconf('cdn_url')}/map/picture/detailetit5.png" />
					</div>
					<div class="DetaileTel">
						 9：00-21：00
					</div>
            
				</div>
			
				<div class="DetaileIntro">
					<div class="DetaileTitOnes">
						<img class="WaImg" src="{:sysconf('cdn_url')}/map/picture/detailetit4.png" />
					</div>
					<div class="DetaileTel" id="DetaileTel">
						 <a href="tel:82240975">073182240975</a>
					</div>
                   <div class="DetaileMap" id="DeTtaileMap" style="width:100%; height:200px;"></div>
				<a href="http://api.map.baidu.com/marker?location=40.047669,116.313082&title=我的位置&content=北京建外soho&output=html" class="daohang">一键导航</a>
<!--                    <a href="https://uri.amap.com/marker?position=116.313082,40.047669&name=所在的位置名称" class="daohang">一键导航</a>-->
<!--				<a href="http://api.map.baidu.com/marker?location=40.047669,116.313082&title=我的位置&content=百度奎科大厦&output=html" class="daohang">一键导航</a>-->


				
			</div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <img class="lazy FooterLogo" src="{:sysconf('cdn_url')}/map/picture/footerlogo.png" />
    </div>
</div>
</div>
<script>
 $(document).ready(function(){ 
	function GShowMap() {
		var map = new BMap.Map("DeTtaileMap");
		var point = new BMap.Point();
		var apoint ; 
		var myGeo = new BMap.Geocoder();

myGeo.getPoint("北京建外soho", function(point){
if (point) {
map.centerAndZoom(point, 15);
map.addOverlay(new BMap.Marker(point));
}
}, "北京建外soho");

		var marker = new BMap.Marker(point);
		map.addOverlay(marker);
		map.enableScrollWheelZoom();
		map.centerAndZoom(point,15);
		}
	setTimeout(GShowMap,100);
	});
 
</script>


</body>
</html>